<html><head><meta name="color-scheme" content="light dark"></head><body><pre style="word-wrap: break-word; white-space: pre-wrap;">@charset "utf-8";
/*~~~~框架布局~~~*/


/*==顶部↓==*/
.head-top{position: relative;padding:10px 0; border-bottom:1px #ddd solid;}
.head-top p{color:#999999;font-size:12px;}
.head-top .a-1{color:#999999;font-size:12px; padding:0 12px;border-right:1px #aaa dotted;}
.head-top .a-1:last-of-type{ border:none;}
.head-top .lang{color:#999999;font-size:12px;border:1px #ddd solid;padding: 0px 22px 0px 12px;border-radius:13px;position: relative;box-shadow: 0 0 10px #eee;display:  inline-block;}
.head-top .lang:before{position: absolute;top: 7px;right:9px;}
.head-top .lang .a-2{ color:#999999;font-size:12px;} 
.head-top .lang:hover{  background: #0266b1; border:1px #0266b1 solid;}
.head-top .lang:hover .a-2{ color:#fff}
.head-middle{padding:10px 0;}
.head-middle .logo{}
.head-middle .logo img{float:left;}
.head-middle .logo span{float:left;height:100px;margin:0 0 0 30px;padding:25px 0 0 40px; display: block; color:#777;font-size:22px; background: url(../images/logolinebg.png) no-repeat left center;line-height: 27px;}
.head-middle .logo span b{color:#ff3600;font-weight:bold}
.head-middle .logo span strong{ display: block;font-size: 23px;color: #666;}
.head-middle .logo span font{color:#0266b1;}

.head-middle .tel{ margin:5px 0 0 0;color:#666666;font-size:14px;padding-left:50px; background: url(../images/tel_ico.png) no-repeat 0 25px ;} 
.head-middle .tel font{display:block}
.head-middle .tel .e-1{color:#0669b3;font-size:26px;}
.head-middle .tel .e-2{color:#666666;font-size:24px;}
.head-nav{ position: relative;padding:0px 0; background:url(../images/navBg.jpg);}
/*.fixed-top{position:fixed;z-index:99;width:100%;padding:10px 0; background:#fff}
.fixed-top .logo{}*/
.head-nav .nav{}
.head-nav .nav li{float: left;border-left:1px #2078bb solid;border-right:1px #16598c solid;/* position: relative; */}
.head-nav .nav li a.navAone{ position: relative; z-index: 5;display: block; color:#fff; font-size:16px; padding:18px 20px;width: 131px;text-align: center;}
.head-nav .nav li a.navAone:hover,.head-nav .nav li.active a.navAone{ color:#fff; }
.head-nav .nav li a.navAone:before{ content: ""; position: absolute;left:0;top:0; z-index:-1;display: block;width:100%;height:0%;background:-webkit-linear-gradient(left, #0180df, #045999);transition: all .5s ease-in-out;}
.head-nav .nav li a.navAone:hover:before,.head-nav .nav li.active a.navAone:before{height:100%}

/*==首页关键词，搜索 ↓==*/
.HomeKey{margin: 20px 0;overflow: hidden;}
.HomeKey .left{width:500px;margin:10px 0 0 0;}
.HomeKey .left h3{float:left;color:#666666;font-size:14px; margin-right:10px;}
.HomeKey .left a{ display: inline-block; color:#666666;font-size:12px; margin:0 5px}
.HomeKey .left a:hover{color:#0266b1}
.HomeKey .right{width:350px; border:1px #ddd solid;height: 40px;line-height: 40px;}
.HomeKey .right input{ float:left; background: none;width:310px;line-height: 40px;padding: 0 10px;}
.HomeKey .right button{float:left;margin:8px 10px 0 0; display: block;width:21px;height:21px;  cursor: pointer; background: url(../images/search_ico.png) no-repeat;}


/*==标题↓==*/
.titleAx{margin:10px 0;color:#191919;font-size:36px;text-align: center;}
.titleAx font{color:#0266b1;}
.titleAx span{ display: block;color:#999;font-size:12px;margin-top: 10px;}


/*==首页产品↓==*/
.HomeProduct{padding:50px 0; background:url(../images/line01.jpg)}
.HomeProduct .tone{ text-align: center; border-top:1px #ddd solid;border-bottom:1px #ddd solid;border-right:1px #ddd solid;margin: 20px auto 45px;display: table;background: #fff;} 
.HomeProduct .tone li{ position: relative; display: inline-block;padding:20px 20px;color:#333333;font-weight:bold;font-size:18px; border-left:1px #ddd solid; cursor: pointer;width: 171px;text-align: center;}
.HomeProduct .tone li:nth-last-child(1),.HomeProduct .tone li:nth-last-child(2){ display: none}
.HomeProduct .tone li:before{ opacity:0;content:""; position: absolute; left:75px;bottom:-7px;width: 0; height: 0; border-left: 9px solid transparent; border-right: 9px solid transparent; border-top: 7px solid #046dbe; /*! display: block; *//*! z-index: 5; *//*! background: #000; */}
.HomeProduct .tone li.hit{color:#fff;background:-webkit-linear-gradient(left, #0180df, #045999);}
.HomeProduct .tone li.hit:before{ opacity: 1;}
.HomeProduct .list-product2{position:relative;height: 630px;overflow: hidden;}
.list-product2 li{float:left; width:290px;height:310px; background:#fff}
.HomeProduct .list-product2 li{position:absolute;}
.list-product2 li a{ display: block;border: 1px #ddd solid;height: 100%;}
.list-product2 li .effect-one{ /*! margin-bottom:50px; */}
.list-product2 li img{width:100%;height:290px;}
.list-product2 li h4.title{color:#191919;font-size:14px;text-align:center;margin-bottom: 15px;position: absolute;bottom: 0;left: 0;text-align: center;width: 100%;}
.list-product2 li h4.title em{ display:block; width:100px;height:10px;background:url(../images/line03.png) no-repeat center;margin: auto;}
.list-product2 li .box{ opacity: 0; position: absolute; left:0;top:0; text-align: center;width:100%;height:100%; background:rgba(0,101,179,0.5);}
.list-product2 li .box h4{color:#fff;font-size:14px;margin-top:45%;}
.list-product2 li .box h4 em{ margin:10px auto;display:block; border:1px #fff solid;padding:12px 10px; width:100px;height:10px;background:url(../images/line02.png) no-repeat center}
.list-product2 li.two{float:left; width:600px;height:630px;}
.list-product2 li.two .box h4{margin-top:582px;}
.list-product2 li.two .box h4 em{ display: none}
.list-product2 li.two img{width:100%;height:600px;}
.list-product2 li.two .title{margin-top:30px}
.list-product2 li.x1{ left:0;top:0;}
.list-product2 li.x2{ left:0;bottom:0;}
.list-product2 li.x3{ left:300px;top:0;}
.list-product2 li.x4{ right:0;top:0;}
.list-product2 li.x5{ right:0;bottom:0;}
.list-product2 li:hover .box{ opacity: 1}
.list-product2 li:hover .title{ opacity: 0}
.ProductListBox .list-product2 li{ position: relative; margin:0 5px 10px 5px;}
.product-long2{ position: relative;background: #eee;margin-top: 20px;padding: 50px 0;}
.product-long2 .long-2x{ position: initial; bottom:0; }
.ProductListBox{padding-bottom:0px;}

/*==优势↓==*/
.HomeAdvantage{}
.HomeAdvantage .title{ position: relative; margin:20px auto 0;display: table; text-align: center;}
.HomeAdvantage .title:before,.HomeAdvantage .title:after{ content: ""; position: absolute; left:-380px;top:40px; width:360px;height:1px;background:#ddd}
.HomeAdvantage .title:after{ left:auto;right:-380px;}
.HomeAdvantage .title h1{color:#353535;font-size:50px;font-weight:bold;line-height: 90px;}
.HomeAdvantage .title h1 font{color:#0266b1; padding-left:70px;margin-left:5px; background:url(../images/6.png) no-repeat left;/*! height: 90px; */display: inline-block;}
.HomeAdvantage .title span{margin-top:10px; display: block;color:#0266b1;font-size:22px}
.HomeAdvantage .title span font{color:#999;font-size:12px; display: block;}
.HomeAdvantage{margin:20px 0 40px 0;}
.HomeAdvantage ul{ position: relative; position:relative;z-index:5; overflow: hidden; }
.HomeAdvantage ul:before{ content: ""; position: absolute;top:0;left:0;width:100%;height:100%;background: url(../images/adLine.png) no-repeat center top;/*! margin-top: 50px; */background-size: 962px;}
.HomeAdvantage ul li{ position: relative;/*! z-index:-3; */width:100%; clear: both;height: 310px;float: left;padding: 0 30px;}
.HomeAdvantage ul li:before{content: ""; position: absolute;top:-5px;left:34px;z-index:-1; display: block; width:100%; height:40px;background: -webkit-linear-gradient(top, #f5f5f5, #fff);}
.HomeAdvantage ul li.x1:before{display:none; top:10px}
.HomeAdvantage ul li.x2:before{ top:15px;}
.HomeAdvantage ul li.x3:before{ top:-5px;}
.HomeAdvantage ul li.x4:before{ top:-20px;}
.HomeAdvantage ul li.x5:before{ top:-35px;}
.HomeAdvantage ul li.x6:before{ top:-60px;}

.HomeAdvantage ul li.x1{ padding-top:39px;}
.HomeAdvantage ul li.x6{height:280px;}
.HomeAdvantage ul li.x4 .wr{margin-top:40px}
.HomeAdvantage ul li.x5 .wr{margin-top:30px}
.HomeAdvantage ul li.x6 .wr{margin-top:0px}
.HomeAdvantage ul li .wr{ position: relative; width:585px;margin:60px 0 0 0;padding-left:80px;}
.HomeAdvantage ul li .wr em{ position: absolute; left:0px; display: block; width:65px;line-height:65px; text-align:center;color:#fff;font-size:30px;font-weight:bold;background: url(../images/adIco01.png) no-repeat center;}
.HomeAdvantage ul li .wr h3{color:#191919;font-size:30px;line-height: 37px;}
.HomeAdvantage ul li .wr p{color:#525252;font-size:16px; margin-top:20px;}
.HomeAdvantage ul li .pic{width:555px; margin:39px 0px 0 0;}
.HomeAdvantage ul li .pic img{max-width:100%;}
.HomeAdvantage ul li.one .pic{ text-align: right;}
.HomeAdvantage ul li.two .pic{ text-align: left;}
.HomeAdvantage ul li.x1 .pic{ margin-top:15px;}
.HomeAdvantage ul li.x2 .pic{ margin-top:35px;}
.HomeAdvantage ul li.x3 .pic{ margin-top:14px;}
.HomeAdvantage ul li.x4 .pic{ margin-top:0px;}
.HomeAdvantage ul li.x5 .pic{ margin-top:-50px;}
.HomeAdvantage ul li.x6 .pic{ margin-top:0px;}
.HomeAdvantage ul li .tel{display: inline-block; margin:30px 0 0 50px;color:#666666; font-size:14px;}
.HomeAdvantage ul li .tel1{ padding-left:50px;background: url(../images/tel2_ico.png) no-repeat left;}
.HomeAdvantage ul li .tel1 font{ display: block;color:#0669b3;font-size:24px;}
.HomeAdvantage ul li .tel2{}
.HomeAdvantage ul li .tel2 font{ display: block;color:#333333;font-size:22px;}


/*==案例↓==*/
.HomeCase{ padding:50px 0; background:url(../images/line01.jpg);}
.list-case2{}
.list-case2 li{ float:left;width:580px; margin:0 10px 10px 10px;height: 240px;}
.list-case2 li .pic{width:280px;}
.list-case2 li .box{width:300px; padding:30px;background: #fff;height: 240px;}
.list-case2 li .box h4{color:#191919;font-size:18px;}
.list-case2 li .box p{margin:20px 0;color:#666666;font-size:14px;}
.list-case2 li .box em{width:36px; height:9px; background:url(../images/line04.png) no-repeat -41px 0;display: block;}
.list-case2 li:hover .box{ background: #0266b1;}
.list-case2 li:hover .box h4,.list-case2 li:hover .box p{color:#fff;}
.list-case2 li:hover .box em{  background-position:-3px 0px ;}


/*==首页关于↓==*/
.HomeAbout{  background: url(../images/aboutBg.jpg) no-repeat center top;padding: 50px 0 20px 0;height: 668px;}
.HomeAbout .container{position: relative;height: 100%;}
.HomeAbout .long-1 .left{width:660px;}
.HomeAbout .long-1 .left img{max-width:100%; }
.HomeAbout .long-1 .right{ padding:50px; background:#fff;width: 540px;height: 405px;}
.HomeAbout .long-1 .right h1{color:#1a1a19;font-size:36px;}
.HomeAbout .long-1 .right h1 font{color:#0266b3;}
.HomeAbout .long-1 .right b{ color:#fff;font-size:20px;background: -webkit-linear-gradient(left, #0180df, #045999);margin: 25px 0;display: inline-block;padding: 5px 10px;}
.HomeAbout .long-1 .right .wx{color:#666666;font-size:12px;}
.HomeAbout .long-1 .right .more{border:1px #ddd solid;padding:6px 10px;color:#666666;font-size:12px;display: inline-block;width: 125px;text-align: center;margin: 20px 0 0 0px;}
.HomeAbout .long-1 .right .more em{width:36px; height:9px; background:url(../images/line04.png) no-repeat -41px 0;display: block;float: right;margin: 8px 0 0 0;}
.HomeAbout .long-1 .right .more:hover em{  background-position:-3px 0px ;}
.HomeAbout .long-1 .right .more:hover{color:#fff; border:1px #0266b3 solid;background: #0266b3;}
.long-2x{margin-top:10px; background:#fff;float: left;padding: 20px 50px 30px 50px;position: absolute;bottom: -203px;box-shadow: 0 0 10px #ddd;width: 100%;height: 381px;}
.long-2x .tone{ text-align: center; border-top:1px #ddd solid;border-bottom:1px #ddd solid;border-right:1px #ddd solid;margin: 8px auto 20px;display: table;background: #fff;} 
.long-2x .tone li{ display: inline-block;padding:10px 45px;color:#333333;font-size:16px; border-left:1px #ddd solid; cursor: pointer;float: left;}
.long-2x .tone li.hit{color:#fff;background:-webkit-linear-gradient(left, #0180df, #045999);}
.long-2x .picScroll-left{position: relative;}
.long-2x .picScroll-left .long{overflow: hidden;}
.long-2x .picScroll-left .long .list{}
.long-2x .picScroll-left .long .list li{float:left; width:275px;}
.long-2x .picScroll-left .long .list .effect-one{ }
.long-2x .picScroll-left .long .list li a{display: block;margin:5px;box-shadow: 0 0 10px #eee;}
.long-2x .picScroll-left .long .list li:hover{}
.long-2x .picScroll-left .long .list li img{height:200px;width: auto;display: block;margin: auto;}
.long-2x .picScroll-left .long .list li h4{padding:10px;color:#333333; font-size:14px; text-align: center;}
.long-2x .picScroll-left .long .list li:hover h4{color:#0092d8}
.long-2x .picScroll-left .prev,.long-2x .picScroll-left .next{position: absolute; top:78px;left:-75px;width:50px;line-height:50px; text-align: center;border-radius:50%;font-size:30px;color:#fff;cursor: pointer;background: -webkit-linear-gradient(left, #0180df, #045999);}
.long-2x .picScroll-left .next{right:-75px; left:auto;}
.long-2x .picScroll-left .prev:hover,.long-2x .picScroll-left .next:hover{color:#0065b3;background: -webkit-linear-gradient(left, #e6e6e6, #cbcbcb);}


/*==首页新闻↓==*/
.HomeNews{ padding:220px 0 50px 0;background:#f5f5f5}
.HomeNews .box{width:580px;float: left;}
.HomeNews .box-2{margin-left:40px;}
.HomeNews .box .title{ position:relative;padding:15px 0; border-bottom:1px #ddd solid;overflow: hidden;}
.HomeNews .box .title:before{ content: ""; position: absolute; left:0;bottom:0px; width:100px;height:1px; background: #0266b3;}
.HomeNews .box .title h1{color:#333333;font-size:26px;float: left;font-weight: bold;}
.HomeNews .box .title h1 span{ display: inline-block;color:#999;font-size:14px;line-height: 12px;margin: 0px 0 0 5px;font-weight: 400;}
.HomeNews .box .title h1 span font{ font-size:16px;display: block;}
.HomeNews .box .title a.more{ color:#666666;font-size:12px; padding-left:20px;background:url(../images/ico03.png) no-repeat left;float: right;margin: 10px 0 0 0;}
.HomeNews .box .title a.more:hover{color:#0266b1}
.HomeNews .list{margin: 30px 0 0 0;}
.HomeNews .list li.one{ padding-bottom:20px;border-bottom: 1px #ddd dotted;margin-bottom:15px;height: 235px;}
.HomeNews .list li.one .pic{width:285px; margin-right:20px;}
.HomeNews .list li.one h4{ color:#191919;font-size:16px;}
.HomeNews .list li.one p{ color:#666666;font-size:14px;margin: 20px 0;}
.HomeNews .list li.one em{width:36px; height:9px; background:url(../images/line04.png) no-repeat -41px 0;display: block;float: left;margin: 8px 0 0 0;}
.HomeNews .list li.one:hover h4{color:#0266b1}
.HomeNews .list li.two{ margin:8px 0;}
.HomeNews .list li.two a{color:#191919;font-sizE:14px;}
.HomeNews .list li.two a span{float:right;color:#666666;font-size:12px;}
.HomeNews .list li.two em{ color:#0065b3;margin-right:5px}
.HomeNews .list li.two a:hover{color:#0266b1}


/*==关于我们↓==*/
.AboutBox{margin-bottom:-50px}
.AboutBox .wx{color: #666;font-size:13px;line-height: 25px;}
.AboutBox .title{color: #333333;font-size:36px;margin: 30px 0; font-weight:bold;text-align: center;}
.AboutBox .title font{color:#0065b3}
.AboutBox .title span{color:#999;font-size:12px;display: block;margin-top: 10px;text-transform: uppercase;}
.AboutBox .title2{color: #fff;font-size:36px;margin: 30px 0; font-weight:bold;text-align: center;}
.AboutBox .title2 span{color:#fff;font-size:12px;display: block;margin-top: 10px;text-transform: uppercase;}
/*关于-公司简介*/
.AboutBox .introduction{/* border-top: 1px #ddd solid; */ margin-top: 0px;}
.AboutBox .introduction .left{width:665px;}
.AboutBox .introduction .left a{cursor: pointer;}
.AboutBox .introduction .right{width: 490px;padding-top: 20px;}
.AboutBox .introduction .right h3{clear: both;width:370px; text-align: center;margin:20px 0 20px 0;padding:10px 20px;color:#fff; font-size:20px;background: -webkit-linear-gradient(left, #0180df, #045999);}
.AboutBox .introduction .right h4{ display:block; color:#333333;font-size:20px;}
.AboutBox .introduction .right .wx{margin: 20px 0 75px 0; color:#666666;font-size:12px;line-height: 22px;}
.AboutBox .environment{background: #f1f1f1;padding: 30px 0 40px 0;margin: 50px 0 0 0;}
.AboutBox .environment .tone{ text-align: center; border-top:1px #ddd solid;border-bottom:1px #ddd solid;border-right:1px #ddd solid;margin: 10px auto 35px;display: table;/*! background: #fff; */} 
.AboutBox .environment .tone li{ display: inline-block;padding:11px 60px;color:#333333;font-size:18px; border-left:1px #ddd solid; cursor: pointer;float: left;}
.AboutBox .environment .tone li.hit{color:#fff;background:-webkit-linear-gradient(left, #0180df, #045999);}
.AboutBox .environment .picScroll-left{position: relative;}
.AboutBox .environment .picScroll-left .long{overflow: hidden;}
.AboutBox .environment .picScroll-left .long .list{}
.AboutBox .environment .picScroll-left .long .list li{float:left; width:300px;}
.AboutBox .environment .picScroll-left .long .list li a{display: block;margin:5px;}
.AboutBox .environment .picScroll-left .long .list li:hover{}
.AboutBox .environment .picScroll-left .long .list li img{height:200px;}
.AboutBox .environment .picScroll-left .long .list li h4{padding:10px;color:#333333; font-size:14px; text-align: center;}
.AboutBox .environment .picScroll-left .long .list li:hover h4{color:#0092d8}
.AboutBox .environment .picScroll-left .prev,.AboutBox .environment .picScroll-left .next{position: absolute; top:90px;left:-65px;width:50px;line-height:50px; text-align: center;border-radius:50%;font-size:30px;color:#fff;cursor: pointer;background: -webkit-linear-gradient(left, #0180df, #045999);}
.AboutBox .environment .picScroll-left .next{right:-65px; left:auto;}
.AboutBox .environment .picScroll-left .prev:hover,.AboutBox .environment .picScroll-left .next:hover{color:#0065b3;background: -webkit-linear-gradient(left, #e6e6e6, #cbcbcb);}
.AboutBox .honor{padding:50px 0;background: url(../images/aboutBg.jpg) no-repeat center;}
.AboutBox .honor .picScroll-left{position: relative;}
.AboutBox .honor .picScroll-left .long{overflow: hidden;}
.AboutBox .honor .picScroll-left .long .list{}
.AboutBox .honor .picScroll-left .long .list li{float:left; width:300px;}
.AboutBox .honor .picScroll-left .long .list li a{display: block;margin:5px;background: #fff;padding: 40px 50px 20px 50px;}
.AboutBox .honor .picScroll-left .long .list li:hover{}
.AboutBox .honor .picScroll-left .long .list li img{max-height:144px;}
.AboutBox .honor .picScroll-left .long .list li h4{padding:10px;color:#333333; font-size:14px; text-align: center;margin-top: 10px;}
.AboutBox .honor .picScroll-left .long .list li:hover h4{color:#0092d8}
.AboutBox .honor .picScroll-left .prev,.AboutBox .honor .picScroll-left .next{position: absolute; top:115px;left:-65px;width:50px;line-height:50px; text-align: center;border-radius:50%;font-size:30px;color:#fff;cursor: pointer;background: -webkit-linear-gradient(left, #0180df, #045999);}
.AboutBox .honor .picScroll-left .next{right:-65px; left:auto;}
.AboutBox .honor .picScroll-left .prev:hover,.AboutBox .honor .picScroll-left .next:hover{color:#0065b3;background: -webkit-linear-gradient(left, #e6e6e6, #cbcbcb);}
.AboutBox .development{margin: 40px 0 50px 0;}
.AboutBox .development .left{ width:550px;}
.AboutBox .development .right{ width:625px; /*! overflow: auto; */ background:url(../images/line05.png) no-repeat left;padding-left: 50px;margin-left: 20px;}
.AboutBox .development .right .list{}
.AboutBox .development .right .list li{ border-bottom:1px #ddd dotted;padding-bottom:25px;margin-bottom:25px;overflow: hidden;}
.AboutBox .development .right .list h4{ float:left;color:#0065b3;font-size:32px;width: 80px;font-weight: bold;}
.AboutBox .development .right .list p{float:left;color:#666666;font-size:14px;padding-left: 20px;width: 420px;}
.scrollbar{margin-left: 30px;/*! float: left; */height: 380px;width: 100%;/* background: #F5F5F5; */overflow-y: scroll;/*! margin-bottom: 25px; */padding-right: 50px;}
.force-overflow{min-height: 20px;}
#style-3::-webkit-scrollbar-track{-webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3);background-color: #F5F5F5;}
#style-3::-webkit-scrollbar{width: 6px;background-color: #F5F5F5;}
#style-3::-webkit-scrollbar-thumb{background-color: #0065b3;}
.AboutBox .culture{padding: 40px 0 70px 0;background:#f1f1f1;}
.AboutBox .culture{}
.AboutBox .culture .list{}
.AboutBox .culture .list li{ position: relative; float:left; width:299px;height:200px;margin: 0 0 1px 1px;}
.AboutBox .culture .list li.x1{width:599px;height:400px;}
.AboutBox .culture .list li img{width:100%;}
.AboutBox .culture .list li h4{ opacity: 0; position: absolute; left:0;bottom:0;padding:13px 25px;color:#fff;font-size:14px; width:100%; background:rgba(0,0,0,0.5)}
.AboutBox .culture .list li:hover h4{ opacity: 1;}


/*==联系我们↓==*/
.contactBox{padding-bottom: 0px;}
.contactBox .contact{overflow: hidden;margin: 30px 0 50px 0;}
.contactBox .contact .left{width:550px;}
.contactBox .contact .left h2{color:#0369b6;font-size:26px;font-weight:bold;}
.contactBox .contact .left span{ position: relative; padding:20px 0;display: block; color:#333333;font-size:16px;border-bottom:1px #ddd dotted;padding-left: 60px;}
.contactBox .contact .left span:before{ content: ""; position: absolute; left:0;top:17px;width:37px;height:35px; display: block; background: url(../images/icoB.png) no-repeat 0 0;}
.contactBox .contact .left span.lxr:before{ background-position:0 0;}
.contactBox .contact .left span.phone:before{ background-position:0 -36px;}
.contactBox .contact .left span.tel:before{ background-position:0 -73px;}
.contactBox .contact .left span.fax:before{ background-position:0 -110px;}
.contactBox .contact .left span.mail:before{ background-position:0 -148px;}
.contactBox .contact .left span.website:before{ background-position:0 -185px;}
.contactBox .contact .left span.address:before{ background-position:0 -220px;}
.contactBox .contact .right{width:610px;}
.contactBox .comments{ background:#f6f6f6;padding: 70px 0;}
.contactBox .comments .container{ height:520px;overflow: hidden;padding:30px 50px 0 50px; background: #fff;}
.contactBox .comments .left{width:630px;height:100%;  background:url(../images/contectBoxImg01.jpg) no-repeat left bottom;}
.contactBox .comments .left h1{margin:10px 0;color:#191919;font-size:36px;}
.contactBox .comments .left h1 font{color:#0266b1;}
.contactBox .comments .left h1 span{ display: block;color:#999;font-size:12px;margin-top: 10px;text-transform: uppercase;}
.contactBox .comments .left h1 hr{display: block; margin:20px 0 0 0; width:20px;height:3px; background: #0266b1;border: none;}
.contactBox .comments .right{width:470px;padding: 30px 0 30px 30px;}
.contactBox .comments .right input,.contactBox .comments .right textarea{ position:relative;width:100%;padding:5px 0 5px 50px; line-height:40px; background: #fff;border: 1px #0266b1 solid;margin: 0 0 13px 0;}
.contactBox .comments .right .ico:after{ content: ""; position: absolute; left:6px;top:7px; width:100%; height:50px; background: #0266b1;z-index: -1;}
.contactBox .comments .right .content:after{height:130px;}
.contactBox .comments .right textarea{height:130px;}
.contactBox .comments .right button{ position: relative; padding:17px; color:#fff;font-size:14px; text-align: center; background: #0f73be;width: 100%;cursor: pointer;}
.contactBox .comments .right .button:after{height:53px;}
.contactBox .comments .right .button button:hover{  background:#666}
.contactBox .comments .right .ico:before{content: ""; position: absolute;left:15px;top:17px;display: block;width:20px;height:20px;z-index: 5;}
.contactBox .comments .right .ico{ position: relative;z-index: 5;}
.contactBox .comments .right .name:before{ background: url(../images/icoC.png) no-repeat 0 0;}
.contactBox .comments .right .tel:before{ background: url(../images/icoC.png) no-repeat 0 -21px;}
.contactBox .comments .right .mail:before{ background: url(../images/icoC.png) no-repeat 0 -40px;}
.contactBox .comments .right .content:before{background: url(../images/icoC.png) no-repeat 0 -58px;}


/*==底部===*/
.footer{padding: 60px 0 0 0;background: #222222;}
.footer .nav{ margin-bottom:50px;width: 100%;}
.footer .nav li{float:left; border-right:1px #666 dotted;/*! line-height: -1px; */}
.footer .nav li a{ display: block;color:#fff; line-height:12px;font-size:14px;padding:0px 25px;}
.footer .nav li:hover a{color:#bbb}
.footer .nav li:last-child{ border:none}
.footer .left{ color:#999999;font-size:12px;width: 600px;line-height: 23px;margin: 20px 0 0;}
.footer .left .logo{ float:left; margin-right:20px;}
.footer .left a{ color:#999999;font-size:12px;}
.footer .left a:hover{color:#fff}
.footer .tel{ margin:25px 0 0 0;color:#ddd;font-size:14px;padding-left:50px; background: url(../images/tel_ico.png) no-repeat 0 25px ;} 
.footer .tel font{display:block}
.footer .tel .e-1{color:#fff;font-size:26px;}
.footer .tel .e-2{color:#ddd;font-size:24px;}
.footer .ewm{ padding:3px 8px;color:#222222;font-size:12px;background: #fff;text-align: center;margin-left: 50px;}
.footer .ewm img{width:100px;display: block;}
.footer .box-1{ margin-bottom:50px; overflow: hidden;}
.footer .link{margin-top: 0px;padding:20px 0;border-top: 1px #333 solid;}
.footer .link h3{float: left;color:#fff;font-size:14px}
.footer .link h3 font{color:#999; font-size:11px; margin-left:5px}
.footer .link a{display: inline-block;color:#666666;padding: 0 15px;font-size:12px;line-height: 10px;border-right: 1px #666 dashed;}
.footer .link a:hover{color:#fff}
.footer .link a:last-child{border:none;}
































</pre></body></html>